Sylph Labs

⚠️ Invitational Alpha Build 1 ← Home

Energy Fission

CORS Error!

Run a local web server to load SVGs.

View Mode:

Simple mode shows essential controls. Advanced mode reveals all options.

1. Type & Sphere

▼

Select Pokémon Type

Sphere Brightness

Dim Normal Bright

Light Angle (3D Rotation)

0° (Right) 360° (Full Circle)

Light Elevation

0° (rim)90° (top)

Albedo

Specular

Flare

Continuous Sphere Spin

Rotation Mode

Flat Color (no lighting)

Background Style

Color 1

Color 2 (Light) Color 3 (Dark)

2. Edit Glyph

▼

Glyph Display Mode

Glyph Color (Mask)

Type hex code (e.g. #FFD700) or use color picker

Glyph Opacity

0% (Transparent) 100% (Solid)

✨ Glyph Visual Effects

✨ Bloom (Glow)

Intensity

Subtle 40% Intense

Blur/Spread: 5

Sharp Soft

🌈 Holographic Shift

Subtle 50% Rainbow

👻 Chromatic Aberration

Subtle 2 Strong

🔧 Edge Smoothing

Sharp 3px Soft

🔒 EFFECTS LOCKED

Set glyph to a color (not black) to enable visual effects

💡 Quick Colors:

🔷 Bevel & Depth

Creates depth by layering offset copies of the glyph behind it.

💡 Inner = carved in (darker shadow), Outer = raised up (lighter highlight)

Inner Bevel

Color

Size: 5px

Depth: 50%

Outer Bevel

Color

Size: 8px

Softness: 50%

Glyph Lighting

Apply Scene Lighting to Glyph

Enable Glyph Glare (secondary light)

Glyph Brightness

Dim Normal Bright

Lighting affects glyph appearance when using lit materials

Glyph Size

30% 100% 150%

Custom Glyph Upload

Upload SVG or PNG

Custom Glyph Mode

Image: Show uploaded glyph as-is

Stencil: Glyph becomes transparent cutout showing sphere color

Filled: Apply glyph color to uploaded shape

Orientation Fix

Custom glyphs auto-rotate 180° and flip horizontally on upload

Glyph Position

X Position (Left/Right)

Left 0 Right

Y Position (Up/Down)

Down 0 Up

Rotation (Z-axis)

0° 0° 360°

Direct Coloring (Bypass mask layer)

Glyph Outline

Enable Glyph Outline

Width (px)

0px 10px 20px

Color

3. Edit Sphere (Outline, Shadow, Effects)

▼

Icon Outline

Enable Outline

Outline Width (px)

0px 2px 20px

Outline Color

Icon Shadow

Enable Shadow

Shadow Blur (px)

0px 30px 60px

Shadow Spread (px)

-20px 0px 20px

Shadow Opacity

0% 50% 100%

Shadow Color

4. Export

▼

Select Resolution

Current Type: Psychic

Stored Color: #000000

Active Effects: 0